<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       
        <title th:text="${'Frame #'+cache.shortCode}"></title>
        
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<!--[if IE]>
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<script type="text/javascript" src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
        
        <style>
		* {
			margin: 0;
			padding: 0;
			border: 0;
		}
		html, body {
			height: 100%;
			background:#069 center center no-repeat;
			background-size:50%;
		}
		body {position: relative;}
		iframe {
			position: absolute;
			height: 101.5%; /* Fixes the bottom margin on IE9 Mobile */
			width: 100%;
			left: 0;
			top: 0;
			background:#fff;
		}
		</style>
			
    </head>
	<body>
   		<iframe th:src="${cache.targetUrl}" frameborder="0" scrolling="yes" sandbox="allow-same-origin allow-forms allow-scripts" marginheight="0" marginwidth="0"></iframe>
        

		<script th:src="@{/js/jquery.min.js}"></script>
	</body>
</html>